<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>注册页面</title>
    <link rel="stylesheet" th:href="@{/css/register.css}">
    <script language="JavaScript" th:src="@{/script/register.js}"></script>

<!--    <style>-->
<!--        body{-->
<!--            margin: 0;-->
<!--            padding: 0;-->
<!--            background-image: url("images/register.jpg");-->
<!--            background-size: cover;-->
<!--            background-position: center;-->
<!--            background-repeat: no-repeat;-->
<!--            background-attachment: fixed;-->
<!--        }-->
<!--    </style>-->

</head>
<body>

<div class="container">
    <h1>注册新用户</h1>
    <form id="register_data" th:action="@{/registerForm}" method="post" onsubmit="return preRegist()">
        <label>用户名</label>
        <input type="text" name="username" id="username" value="zhangsan">
        <span id="unameSpan" class="errMess">用户名应为6~16位数组和字母组成</span>

        <label>账号</label>
        <input type="text" id="accountNo" name="accountNo" value="laozhijing">
        <span id="account" class="errMess">账号的长度至少为6位</span>

        <label>密码</label>
        <input type="password" id="firstPassword" name="firstPassword" value="123456789">
        <span id="pwdSpan" class="errMess">密码的长度至少为8位</span>


        <label>确认密码</label>
        <input type="password" id="secondPassword" name="secondPassword" value="123456789">
        <span id="pwdSpan2" class="errMess">密码两次输入不一致</span>

        <label>用户邮箱:</label>
        <input id="emailTxt" type="text"  placeholder="请输入邮箱" name="email" value="2421070452@qq.com" />
        <span id="emailSpan" class="errMess">请输入正确的邮箱格式</span>


        <label>手机电话</label>
        <input type="text" id="telephone" name="telephone" value="18377731569">
        <span id="phone" class="errMess">请输入11位的手机号码</span>


        <div>
            <label>验证码</label>
            <div class="check_div">
                <input type="text" id="check" name="check" value="123">
                <button style="font-size: 15px" type="button" onclick="getCode()">获取验证码</button>
            </div>
        </div>
        <span id="checkSpan" class="errMess" >验证码错误，请重新输入</span>
        <button id="btn" type="submit">注册</button>
    </form>

</div>

</body>
</html>